<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类</title>
    <link rel="stylesheet" href="../tuangouw/css/fenlei.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="hdr_top">
            <a href="../tuangouw/index.html">
                <p>Back</p>
            </a>
            <p>分类</p>
            <div class="sel">
                <select>
                    <option value="">广州市</option>
                    <option value="">上海市</option>
                    <option value="">北京市</option>
            </select>
                <!-- 三角形 -->
                <i></i>
            </div>
        </div>
        <div class="hdr_nav2">
            <ul>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层1.png" alt=""></a>
                    <p>美食</p>
                </li>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层3.png" alt=""></a>
                    <p>电影</p>
                </li>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层4.png" alt=""></a>
                    <p>运动</p>
                </li>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层5.png" alt=""></a>
                    <p>唱歌</p>
                </li>
            </ul>
            <!-- 圆点 -->
            <div class="yuan">
                <p></p>
                <p></p>
                <p></p>
                <p></p>
            </div>
        </div>
    </header>
    <!-- 主要内容 -->
    <main>

        <div class="mei">
            <!-- 导航 -->
            <div class="tuan">
                <span><img src="../tuangouw/images/fenlei/图层9.png"> 美食类</span>
                <span>更多 <img src="../tuangouw/images/fenlei/形状4副本.png" alt=""></span>
            </div>
            <div class="sou_si">
                <ul>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层10.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层11.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层12.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层10.png" alt=""></a>
                    </li>
                </ul>
            </div>
            <div class="tuan">
                <span><img src="../tuangouw/images/fenlei/图层7.png"> 运动类</span>
                <span>更多 <img src="../tuangouw/images/fenlei/形状4副本.png" alt=""></span>
            </div>
            <div class="sou_si">
                <ul>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层14.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层15.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层16.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层17.png" alt=""></a>
                    </li>
                </ul>
            </div>
            <div class="tuan">
                <span><img src="../tuangouw/images/fenlei/图层8.png"> 电影类</span>
                <span>更多 <img src="../tuangouw/images/fenlei/形状4副本.png" alt=""></span>
            </div>
            <div class="sou_si">
                <ul>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层18.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层19.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层18.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/fenlei/图层19.png" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="tuan">
            <span><img src="../tuangouw/images/fenlei/图层8.png"> 电影类</span>
            <span>更多 <img src="../tuangouw/images/fenlei/形状4副本.png" alt=""></span>
        </div>
        <div class="sou_si">
            <ul>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层18.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层19.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层18.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层19.png" alt=""></a>
                </li>
            </ul>
        </div>
        </div>
        <div class="tuan">
            <span><img src="../tuangouw/images/fenlei/图层8.png"> 电影类</span>
            <span>更多 <img src="../tuangouw/images/fenlei/形状4副本.png" alt=""></span>
        </div>
        <div class="sou_si">
            <ul>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层18.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层19.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层18.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="../tuangouw/images/fenlei/图层19.png" alt=""></a>
                </li>
            </ul>
        </div>
        </div>


    </main>
    <!-- 底部导航栏 -->
    <!-- 底部导航栏 -->
    <nav>
        <div class="nav_di">
            <ul>
                <li>
                    <a href="../tuangouw/index.html"><img src="../tuangouw/images/fenlei/首页.png" alt=""></a>
                    &nbsp;首页
                </li>
                <li>
                    <a href="../tuangouw/分类.html"><img src="../tuangouw/images/fenlei/分类4.png" alt=""></a>
                    &nbsp;分类
                </li>
                <li>
                    <a href="../tuangouw/发现.html"><img src="../tuangouw/images/index/形状7副本.png" alt=""></a>
                    &nbsp;发现
                </li>
                <li>
                    <a href="../tuangouw/我的.html"><img src="../tuangouw/images/index/我的.png" alt=""></a>
                    &nbsp;我的
                </li>
            </ul>
        </div>
    </nav>
</body>

</html>